<%@page import="com.graduate.common.shiro.ShiroUser"%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c"   uri="http://java.sun.com/jsp/jstl/core" %>
<%--ctxPath--%>
<c:set var="ctxPath" value="${pageContext.request.contextPath}" />
<%--静态文件目录 --%>
<c:set var="staticPath" value="${ctxPath}/static" />
<!DOCTYPE html>
<html lang="en">
<%@include file="common/baseCss.jsp"%>
<link rel="stylesheet" href="${staticPath}/layui/css/layui.css" />
<link rel="stylesheet" href="${staticPath}/layui/css/modules/layim/layim.css" />
<%@include file="common/base.jsp"%>
<head>
  <style type="text/css">
	.layim-msgbox{margin: 5px;}
	.layim-msgbox li{position: relative; margin-bottom: 10px; padding: 0 130px 10px 60px; padding-bottom: 10px; line-height: 22px; border-bottom: 1px dotted #e2e2e2;}
    .layim-msgbox .layim-msgbox-system{padding: 0 10px 10px 10px;}
	.layim-msgbox li p span{padding-left: 5px; color: #999;}
	.layim-msgbox li p em{font-style: normal; color: #FF5722;}
	.layui-layer-setwin .layui-layer-closeAC{background-position:0 -40px;cursor:pointer}
	.layui-layer-setwin .layui-layer-closeAC:hover{opacity:.7}
 </style>
 </head>
<body class="no-skin">
    <%@include file="common/top.jsp"%>
    
    <div class="main-container" id="main-container" style="background-color: #fff;" >
        <%@include file="common/left.jsp"%>
        <div class="main-content">
            <div class="main-content-inner">
                <div class="breadcrumbs" id="bread_left">
                    <%@include file="common/tab.jsp"%>
                </div>
                <div class="breadcrumbs" id="bread_right">
                    <%@include file="common/tabtoolbar.jsp"%>
                </div>
            </div>
            
        <!-- Tab panes  -->
        <div id="tmsp_tab_content" class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="home">
            <br/>
                <!-- 统计表格区域 -->
              <div class="row col-md-12"  >
					<div class="jqGrid_wrapper" style="background: #FFF;">
						<table id="grid_area"></table>
						<!--   分页区 -->
						<div id="page_area"></div>
					</div>
             </div>
             <br/>
            
              <div class="row col-md-12"  >
               <div class="row " style="background: #fff;margin:0px;">
					<div class="col-md-12 no-padding" >
						<button  type="button" class="btn btn-primary btn-sm" id="RegressionLine_btn" >财务盈亏预测</button>
					<!-- 导出按钮 -->
					<form id="form" name="form" action="${ctxPath }/dataReport/percentExportToExcel.do" method="post">
						<button  type="submit" class="btn btn-success btn-sm" id="export_btn" >导出下面表格</button>
					</form>
					</div>
	    	   </div>
					<div class="jqGrid_wrapper" style="background: #FFF;">
						<table id="grid_area1"></table>
						<!--   分页区 -->
						<div id="page_area1"></div>
					</div>
<!-- 					提示 信息区域-->
					<div id="msg_area" style="background: #FFF;color:red;font-size:14px;">
						
					</div>
              </div>
             <br/>
              <div class="row col-md-12">   
                <!-- 账目类型支出占比饼状图 -->
				 <div class="col-md-6"> 
		           <div class="row" style="background: #fff;">
							<div class="col-md-12">
								<div id="container3" style="min-width: 400px; height: 400px"></div>
							</div>

					</div>
					 
				 </div>
                 
                 <!-- 账目类型收入占比饼状图-->
                  <div class="col-md-6">
					<div class="row" style="background: #fff;">
						<div class="col-md-12">
							<div id="container4" style="min-width: 400px; height: 400px"></div>
						</div>

					</div>

					</div>
             
             
             
             </div>
             <div class="row col-md-12">   
                   <!-- 本周收支统计图 -->
				 <div class="col-md-6"> 
			           <div class="row" style="background: #fff;">
								<div class="col-md-12">
									<div id="container1" style="min-width: 400px; height: 400px"></div>
								</div>
						</div>
				 </div>
                 
                 <!-- 本月和上月对比收支统计图 -->
                  <div class="col-md-6">
							<div class="row" style="background: #fff;">
								<div class="col-md-12">
									<div id="container2" style="min-width: 400px; height: 400px"></div>
								</div>
							</div>
					</div>
             </div>
          </div>  
        </div>
      
    </div>
    </div>
    <%@include file="common/acescript.jsp"%>
    <script src="${staticPath}/highcharts/highcharts.js"></script>
 	<script src="${staticPath}/highcharts/highcharts-3d.js"></script>
 	<script src="${staticPath}/assets/js/bootstrap.js"></script>
 	<script src="${staticPath}/assets/js/date-time/bootstrap-datetimepicker.min.js"></script>
 	<script src="${staticPath}/assets/js/date-time/bootstrap-datetimepicker.zh-CN.js"></script>
 	<script src="${staticPath}/layui/layui.js"  type="text/javascript" ></script>
 	<script type="text/javascript">
 		$(function() {
 			
 			
 			//获取当前时间，格式YYYY-MM-DD
 		    function getNowFormatDate() {
 		        var date = new Date();
 		        var seperator1 = "-";
 		        var year = date.getFullYear();
 		        var month = date.getMonth() + 1;
 		        var strDate = date.getDate();
 		        if (month >= 1 && month <= 9) {
 		            month = "0" + month;
 		        }
 		        if (strDate >= 0 && strDate <= 9) {
 		            strDate = "0" + strDate;
 		        }
 		        var currentdate = year + seperator1 + month + seperator1 + strDate;
 		        return currentdate;
 		    }
 			
 			
 			var occurTime=getNowFormatDate();
 			
 			/**
 			 * jqgrid查看今日流水记录
 			 */
 		var	 TodayWater = {
 					initTodayWaterGrid : function() {
 						function beforeSelectRow() {
 							$("#grid_area").jqGrid('resetSelection');
 							return true;
 						}
 						var TodayWaterGrid = $("#grid_area").jqGrid({
 								url : ctxPath +'/dataReport/listDataState.do',
 								multiselect : false,
 								postData :{
 							    	  "occurTime":occurTime
 									},
 								multiboxonly : true,
 								beforeSelectRow : beforeSelectRow,// js方法
 								colNames : [ '收支类型','来源','账目类型','时间', '金额（单位：元）'],//jqGrid的列显示名字
 								colModel : [ //jqGrid每一列的配置信息。包括名字，索引，宽度,对齐方式
 								             {name : 'income_expense', index : 'income_expense',sortable:false,align:"center",width:"200"},
 								             {name : 'departmentName', index : 'departmentName',sortable:false,align:"center",width:"200"},
 								             {name : 'typeName', index : 'typeName',sortable:false,align:"center",width:"200"},
 								             {name : 'occurTime', index : 'occurTime',sortable:false,align:"center",width:"200",
 								            	 formatter : function(cellvalue, options, rowObject) {
 									            		if(cellvalue){return new Date(cellvalue).format("yyyy-MM-dd");}
 									            		return ''; }
 								             },
 								             {name : 'money', index : 'money',align:"right",width:"300",
 								            	 formatter:'number', formatoptions:{
 								            		 decimalSeparator:".", thousandsSeparator: ",", decimalPlaces: 2, defaultValue: '0.00' 
 								            			 }
 								             },
 											
 											
 								           ],
					            shrinkToFit:false,
					            autoScroll :true,
					            rowNum : 10,//一页显示多少条
								rowList : [ 10, 20, 30 ],//可供用户选择一页显示多少条
								pager : '#page_area',//表格页脚的占位符(一般是div)的id
								viewTodayWaters : true,
							//	height:260,
								emptyTodayWaters:"未找到相关记录",
								caption : "公司当日流水记录表"    //表格的标题名字
 						});
 						
 						
 						$("#grid_area").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "scroll" }); //横向滚动条
 						//表头居中
 						$(".ui-jqgrid-sortable").css("text-align","center");
 						
 						return TodayWaterGrid;
 					}
 				};
 		
 		/**
			 * jqgrid查看月收入支出报表
			 */
		var	 MonthWater = {
					initMonthWaterGrid : function() {
						function beforeSelectRow() {
							$("#grid_area1").jqGrid('resetSelection');
							return true;
						}
						var MonthWaterGrid = $("#grid_area1").jqGrid({
								url : ctxPath +'/dataReport/gridShowMonth.do',
								multiselect : false,
								multiboxonly : true,
								beforeSelectRow : beforeSelectRow,// js方法
								colNames : [ '账目类型','账目月收入（单位：元）','账目月支出（单位：元）','本月总收入（单位：元）', '本月总支出（单位：元）','本月收入占比','本月支出占比'],//jqGrid的列显示名字
								colModel : [ //jqGrid每一列的配置信息。包括名字，索引，宽度,对齐方式
								             {name : 'typeName', index : 'typeName',sortable:false,align:"center",width:"150"},
								             {name : 'incomeMoney', index : 'incomeMoney',align:"right",width:"150",
								            	 formatter:'number', formatoptions:{
								            		 decimalSeparator:".", thousandsSeparator: ",", decimalPlaces: 2, defaultValue: '0.00' 
								            			 }
								             },
								             {name : 'expenseMoney', index : 'expenseMoney',align:"right",width:"150",
								            	 formatter:'number', formatoptions:{
								            		 decimalSeparator:".", thousandsSeparator: ",", decimalPlaces: 2, defaultValue: '0.00' 
								            			 }
								             },
								             {name : 'amountIncomeMoney', index : 'amountIncomeMoney',align:"right",width:"150",
								            	 formatter:'number', formatoptions:{
								            		 decimalSeparator:".", thousandsSeparator: ",", decimalPlaces: 2, defaultValue: '0.00' 
								            			 }
								             },
								             {name : 'amountExpenseMoney', index : 'amountExpenseMoney',align:"right",width:"150",
								            	 formatter:'number', formatoptions:{
								            		 decimalSeparator:".", thousandsSeparator: ",", decimalPlaces: 2, defaultValue: '0.00' 
								            			 }
								             },
								             {name : 'typeIncomePct', index : 'typeIncomePct',sortable:false,align:"center",width:"200"},
								             {name : 'typeExpensePct', index : 'typeExpensePct',sortable:false,align:"center",width:"200"},
											
											
								           ],
				            shrinkToFit:false,
				            autoScroll :true,
				            rowNum : 20,//一页显示多少条
							rowList : [ 10, 20, 30 ],//可供用户选择一页显示多少条
							pager : '#page_area1',//表格页脚的占位符(一般是div)的id
							viewTodayWaters : true,
							height:260,
							emptyTodayWaters:"未找到相关记录",
							caption : "公司本月收入支出记录表",    //表格的标题名字
							loadComplete : function(){
								dataList=$("#grid_area1").jqGrid("getRowData");  //获取jqgrid当前页面的所有记录
								if(dataList.length>0){
									var html="";
									if(dataList[0].amountExpenseMoney>dataList[0].amountIncomeMoney*1/3){
										layer.msg("公司本月的总支出过多，请注意节省开支！", {
						                    icon: 0,
						                    time: 3000
						                });
									}
								for(var i=0;i<dataList.length;i++){
									//当账目类型的支出百分比大于40%时，提醒支出过多
									if(parseFloat(dataList[i].typeExpensePct)>40){
										html+="本月"+dataList[i].typeName+"类型支出过多，请注意调整该类型的开支!"+"<br>";
									}
								 }
								$("#msg_area").append(html);
								}
							}
						});
						
						
						$("#grid_area1").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "scroll" }); //横向滚动条
						//表头居中
						$(".ui-jqgrid-sortable").css("text-align","center");
						
						return MonthWaterGrid;
					}
				};
			
 			
 			
 			 
 			 
 			
 			// 全局配置，对当前页面的所有图表有效

 			Highcharts.setOptions({
 				lang : {
 					contextButtonTitle : "图表导出菜单",
 					decimalPoint : ".",
 					downloadJPEG : "下载JPEG图片",
 					downloadPDF : "下载PDF文件",
 					downloadPNG : "下载PNG文件",
 					downloadSVG : "下载SVG文件",
 					drillUpText : "返回 {series.name}",
 					loading : "加载中",
 					months : [ "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月",
 							"十月", "十一月", "十二月" ],
 					noData : "没有数据",
 					numericSymbols : [ "千", "兆", "G", "T", "P", "E" ],
 					printChart : "打印图表",
 					resetZoom : "恢复缩放",
 					resetZoomTitle : "恢复图表",
 					shortMonths : [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul",
 							"Aug", "Sep", "Oct", "Nov", "Dec" ],
 					thousandsSep : ",",
 					weekdays : [ "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期天" ]
 				}
 			});

 			// 统计本周收入支出的图表配置
 			var chart;
 			var renderToDiv = "container1";
 			var options={
 					chart : {
 						type : 'column', // 指定图表的类型，默认是折线图（line）,条形图（bar）,柱状图（column）
 						renderTo : renderToDiv,
 					},
 					credits : {
 					    enabled:false, //是否去掉右下角版权信息

 					},
 				    tooltip: {
 					        headerFormat: '<b>{series.name}</b><br/>',
 					        pointFormat: '{point.y}  元'
 					    },
 					plotOptions : {
 						column : {
 							dataLabels : {
 								enabled : true, // dataLabels设为true
 								color : '#FFFFFF',
 								style : {
 									fontSize : '5px',
 									fontFamily : 'Verdana, sans-serif',
 									textShadow : '0 0 1px black'
 								}
 							}
 						},
 						series: {
 					        events: {
 					            legendItemClick: function(e) {
 					            	//默认是点击某个图例显示或隐藏当前数据列，这里改变为点击某个图例只显示当前数据列，隐藏其他数据列
 					                var index = this.index;
 					                var series = this.chart.series;
 					                if (!series[index].visible) {
 					                    for (var i = 0; i < series.length; i++) {
 					                        var s = series[i];
 					                        i === index ? s.show() : s.hide();
 					                    }
 					                }
 					                return false;
 					            }
 					        }
 					    }
 					},
 					title : {
 						text : '本周收支总计统计柱状图' // 标题
 					},
 					xAxis : {
 						categories : [ '收入', '支出' ]
 					// x 轴分类
 					},
 					yAxis : {
 						title : {
 							text : '金额' // y 轴标题
 						}
 					},
 					series : [ {} ], // 数据列
 					exporting : {// 导出功能
 					enabled : true,
 					}

 				}
 				
 				
 			
 			//统计本月和上月收入支出对比的图表配置
 			var chart1;
 			var renderToDiv1 = "container2";
 			var options1={
 					chart : {
 						type : 'column', // 指定图表的类型，默认是折线图（line）,条形图（bar）,柱状图（column）
 						renderTo : renderToDiv1,
 					},
 					credits : {
 					    enabled:false, //是否去掉右下角版权信息

 					},
 				    tooltip: {
 					        headerFormat: '<b>{series.name}</b><br/>',
 					        pointFormat: '{point.y}  元'
 					    },
 					plotOptions : {
 						column : {
 							dataLabels : {
 								enabled : true, // dataLabels设为true
 								color : '#FFFFFF',
 								style : {
 									fontSize : '5px',
 									fontFamily : 'Verdana, sans-serif',
 									textShadow : '0 0 1px black'
 								}
 							}
 						},
 						series: {
 					        events: {
 					            legendItemClick: function(e) {
 					            	//默认是点击某个图例显示或隐藏当前数据列，这里改变为点击某个图例只显示当前数据列，隐藏其他数据列
 					                var index = this.index;
 					                var series = this.chart.series;
 					                if (!series[index].visible) {
 					                    for (var i = 0; i < series.length; i++) {
 					                        var s = series[i];
 					                        i === index ? s.show() : s.hide();
 					                    }
 					                }
 					                return false;
 					            }
 					        }
 					    }
 					},
 					title : {
 						text : '本月和上月收支总计对比统计柱状图' // 标题
 					},
 					xAxis : {
 						categories : [ '收入', '支出' ]
 					// x 轴分类
 					},
 					yAxis : {
 						title : {
 							text : '金额' // y 轴标题
 						}
 					},
 					series : [ {} ], // 数据列
 					exporting : {// 导出功能
 					enabled : true,
 					}

 				}
 			

 			var chart3;
 			var renderToDiv3 = "container3";
 			var options3={
 					chart: {  
 	                        plotBackgroundColor: null,  
 	                        plotBorderWidth: null,  
 	                        plotShadow: false,  
 	                        type: 'pie'  ,
 							renderTo : renderToDiv3,
 	                    },  
 	                    title: {  
 	                        text: '本月账目类型支出占比饼状图'  
 	                    },  
 	                    tooltip: {  
 	                        pointFormat: '{series[0].name}支出: <b>{point.percentage:.1f}%</b>'  
 	                    },  
 	                    plotOptions: {  
 	                        pie: {  
 	                            allowPointSelect: true,  
 	                            cursor: 'pointer',  
 	                            dataLabels: {  
 	                                enabled: false  
 	                            },  
 	                            // 显示图例  
 	                            showInLegend: true  
 	                        }  
 	                    },  
 	                    legend: {   // 图例显示位置  
 	                        layout: 'vertical',  
 	                        align: 'left',  
 	                        verticalAlign: 'top',  
 	                        x: 20,  
 	                        y: 20,  
 	                        floating: true,  
 	                        backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || 'transparent'  
 	                    },  
 	                    credits: {  // 右下角水印  
 	                        enabled: false,  
 	                        text: '',  
 	                        href: ''  
 	                    },  
 					series : [ {} ], // 数据列
 					exporting : {// 导出功能
 					enabled : true,
 					}

 				}
 			
 			var chart4;
 			var renderToDiv4 = "container4";
 			var options4={
 					chart: {  
 	                        plotBackgroundColor: null,  
 	                        plotBorderWidth: null,  
 	                        plotShadow: false,  
 	                        type: 'pie'  ,
 							renderTo : renderToDiv4,
 	                    },  
 	                    title: {  
 	                        text: '本月账目类型收入占比饼状图'  
 	                    },  
 	                    tooltip: {  
 	                        pointFormat: '{series[0].name}收入: <b>{point.percentage:.1f}%</b>'  
 	                    },  
 	                    plotOptions: {  
 	                        pie: {  
 	                            allowPointSelect: true,  
 	                            cursor: 'pointer',  
 	                            dataLabels: {  
 	                                enabled: false  
 	                            },  
 	                            // 显示图例  
 	                            showInLegend: true  
 	                        }  
 	                    },  
 	                    legend: {   // 图例显示位置  
 	                        layout: 'vertical',  
 	                        align: 'left',  
 	                        verticalAlign: 'top',  
 	                        x: 20,  
 	                        y: 20,  
 	                        floating: true,  
 	                        backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || 'transparent'  
 	                    },  
 	                    credits: {  // 右下角水印  
 	                        enabled: false,  
 	                        text: '',  
 	                        href: ''  
 	                    },  
 					series : [ {} ], // 数据列
 					exporting : {// 导出功能
 					enabled : true,
 					}

 				}
 			
 			
 			
 			

 			
 			

 			function requestData() {
 				
 				//本周收支统计
 				$.ajax({
 					url : ctxPath + '/dataReport/highchartsShowWeek.do',
 					dataType : "json",
 					success : function(data) {			
 						if (data.length > 0) {						
 							 options.series = new Array();
 						        var i;
 						        for(i=0;i<data.length;i++)
 						        {
 						        	// 动态生成多个统计柱状图
 						           options.series[i] = new Object();
 						           options.series[i].name ='本周';
 						           options.series[i].data = new Array(data[i]['incomeMoney'],data[i]['expenseMoney']);
 						         }

 							

 						}
 						else{
 							//当没查询到任何记录的时候将图表重置
 							 options.series.length=0;
 						}
 						 chart = new Highcharts.chart(options);
 					},

 				});
 				
 				
 				
 				//本月和上月对比收支统计
 				$.ajax({
 					url : ctxPath + '/dataReport/highchartsShowMonth.do',
 					dataType : "json",
 					success : function(data) {			
 						if (data.length > 0) {						
 							 options1.series = new Array();
 						        var i;
 						        for(i=0;i<data.length;i++)
 						        {
 						        	// 动态生成多个统计柱状图
 						           options1.series[i] = new Object();
 						           options1.series[i].name =  data[i]['monthName'];
 						           options1.series[i].data = new Array(data[i]['incomeMoney'],data[i]['expenseMoney']);
 						         }

 							

 						}else{
 							//当没查询到任何记录的时候将图表重置
							 options1.series.length=0;
						}
						 chart1 = new Highcharts.chart(options1);

 					},

 				});
 				
 				//本月支出占比饼状图
 				$.ajax({
 					url : ctxPath + '/dataReport/gridShowMonth.do',
 					dataType : "json",
 					success : function(data) {			
 						if (data.length > 0) {						
 							 chart3 = new Highcharts.chart(options3);	
 							 
//  				            //在这里补充通过ajax请求后端数据的代码，下面的list是模拟的后端传过来的数据		 
//  							 var list=[
//  									{"dptname":"A","money":50},
//  									{"dptname":"B","money":20},
//  									{"dptname":"C","money":30}
//  								];
 								
 							//下面的代码实现将data里面的数据放到highcharts的series里面去
 							var arr=[];
 							for (var i=0;i<data.length;i++){
 								var b={};
 								b.name=data[i].typeName;
 	 							var typeIncomePct=Number(data[i].typeExpensePct.replace("%",""));
 	 							b.y=typeIncomePct;
 	 							arr.push(b);
 					        }
 				                           
 						chart3.series[0].setData(arr); 
 						}
//  						else{
//  							//当没查询到任何记录的时候将图表重置
//  							$('#container3').highcharts().series.length=0; 
//  						}
 						
 					},

 				});
 				
 				
 				//本月收入占比饼状图
 				$.ajax({
 					url : ctxPath + '/dataReport/gridShowMonth.do',
 					dataType : "json",
 					success : function(data) {			
 						if (data.length > 0) {						
 							 chart4 = new Highcharts.chart(options4);	
 							 
//  				            //在这里补充通过ajax请求后端数据的代码，下面的list是模拟的后端传过来的数据		 
//  							 var list=[
//  									{"dptname":"A","money":50},
//  									{"dptname":"B","money":20},
//  									{"dptname":"C","money":30}
//  								];
 								
 							//下面的代码实现将data里面的数据放到highcharts的series里面去
 							var arr=[];
 							for (var i=0;i<data.length;i++){
 							var b={};
 							b.name=data[i].typeName;
 							var typeIncomePct=Number(data[i].typeIncomePct.replace("%",""));
 							b.y=typeIncomePct;
 							arr.push(b);
 					        }
 				                           
 							chart4.series[0].setData(arr); 
 						}
//  						else{
//  							//当没查询到任何记录的时候将图表重置
//  							$('#container4').highcharts().series.length=0; 
//  						}
 						
 					},

 				});
 				
 				
 				

 			}
 		 
 		 
 		 

 		 TodayWater.init = function(){		
 			 TodayWater.TodayWaterGrid = TodayWater.initTodayWaterGrid();// 初始化当日流水列表
 			 MonthWater.MonthWaterGrid = MonthWater.initMonthWaterGrid();// 初始化本月各账目类型收支占比列表
 			 requestData();  //初始化统计图
 			}
 			
 		 TodayWater.init();
 		
 		  			
 			
 		$("#RegressionLine_btn").click(function(){
 			
 			//本月收入占比饼状图
				$.ajax({
					url : ctxPath + '/regressionLine/regressionLineShow.do',
					dataType : "json",
					success : function(data) {		
						//console.log(data.data);
						//prompt层
						  layer.prompt({title: '输入预测月份的数字，并确认', formType: 0}, function(text, index){
							var y=data.data[0]*text+data.data[1];
						    layer.close(index);
						    if(y>0){
						    layer.alert('公司在'+text+'月预测将盈利，<br>预计盈利：'+y+'元。');
						    }else{
						    layer.alert('公司在'+text+'月预测将亏损，<br>预计亏损：'+y+'元。');
						    }
						  });
						
					},

				});
 			
 			
 			
 		})			
 			
 			
 			
 			
 			
 			
 			
 			
})
 	</script>
 	<script src="${staticPath}/highcharts/highcharts.js"></script>
	<script src="${staticPath}/highcharts/exporting.js"></script>
</body>
</html>